המדריך לבניית טופס יצירת קשר ב dreamweaver

 

בנייה ועיצוב השדות לטופס (contact form) בעמוד האתר - חלק 3

לעמוד הבא במדריך עמוד 3 לעמוד הראשון במדריך לעמוד הקודם במדריך

 

יצירת שדה דואר אלקטרוני – באותו האופן לתווית "שם", נזין בשורה השלישית תווית בשם "דואר אלקטרוני". נגדיר את תיבת הטקסט באופן זהה לזה שעשינו.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 16

יצירת שדה "תוכן ההודעה" – כמו בשלבים הקודמים, נקליק תחילה עם העכבר על התא הרצוי לנו להוספת השדה בטבלה. משום שתוכן הודעתם של הגולשים יהיה ארוך יותר משורת טקסט יחידה, ניצור אותו על ידי לחיצה על לחצן Texterea מתוך תפריט הטפסים.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 17

נמלא את ההגדרות על פי הדוגמה הבאה:

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 18

ניתן להבחין כי נוספו התווית "תוכן ההודעה", וכן תיבת טקסט לשמאלה. נגרור את תיבת הטקסט לשורה השישית בטבלה, בעלת התא היחיד.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 19

כאשר תיבת הטקסט מסומנת, נמרכז אותה מתוך סרגל ה- Properties.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 20

נגדיר את רוחב האותיות ומספר התווים המקסימאלי בתיבת הטקסט.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 21

 

לעמוד הבא במדריך עמוד 3 לעמוד הראשון במדריך לעמוד הקודם במדריך

 

 

חזרה למדריך הוספת אובייקטים לעמוד האתר ב Dreamweaver

 

טפסים

15. מה זה טופס?

16. יצירת טופס

17. עיצוב הטופס

 

חזרה למעלה

הכנות לבניית האתר עם Dreanweaver

CSS ב Dreamweaver

כלי בדיקה לאתר ב Dreamweaver